<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>三位一隔开符号</title>
</head>

<body>
  <form name="form">
    请输入要格式化的数字：<br />
    <input type="text" name="numberBer"><br />
    格式化后的数字：<br />
    <input type="text" name="numberAft"><br />
    <input type="button" onclick="deal(this.form);" id="change" value="转化">
    <input type="reset" value="重置" />
  </form>

  <script>
    function deal(form) {
      // 获取元素数字
      var ber = form.numberBer.value;
      var aft = '';
      // 判断是否合法： undefined 、数字
      if (!(ber)) {
        alert("请输入数字，谢谢")
      }

      if (isNaN(ber)) {
        alert("这哪里是数字，调皮调皮")
      }
      // 判断是否有小数点

      var a = ber.indexOf('.');
      if(-a){
        a=0;
      }
      // 对其进行格式化
      for (let i = 0; i < ber.length - a; i++) {
        if (i % 3 == 0 && i!=0) {
          aft = aft + ',';
        }
        aft = aft + ber[i];
      }

      // 显示结果
      form.numberAft.value = aft;
    }
  </script>
</body>

</html>